<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>FD1</title>
<link  rel="stylesheet" type="text/css"  href="SAIIEstilos.css"/>
<script type="text/javascript">

function ocultarMostrarDiv(id) {
	
	div = document.getElementById(id);
	if (div.style.display == 'block') {
		
		div.style.display = 'none';
	}else{
		div.style.display = 'block';
	}
	
}

</script>
</head>
<body>

<div class="principalSAII">


		<a style='cursor: pointer;' onclick="ocultarMostrarDiv('informacion1')"><div class="LinkPlanes" >ALUMNO</div></a>
		
		<div id='informacion1' class="PLanDeEstudiosInformacion" >
		
			<p>Esto se tiene que ocultar </p>
			
		</div>
		
		<a style='cursor: pointer;' onclick="ocultarMostrarDiv('informacion2')"><div class="LinkPlanes" >ASIGNATURA</div></a>
		
		<div id='informacion2' class="PLanDeEstudiosInformacion" >
		
			<p>Esto se tiene que ocultar </p>
			
		</div>
		
		
				<a style='cursor: pointer;' onclick="ocultarMostrarDiv('informacion3')"><div class="LinkPlanes" >ALUMNOS-ASIGNATURA</div></a>
		
		<div id='informacion3' class="PLanDeEstudiosInformacion" >
		
			<p>Esto se tiene que ocultar </p>
			
		</div>
		
						<a style='cursor: pointer;' onclick="ocultarMostrarDiv('informacion3')"><div class="LinkPlanes" >ASIGNATURA-HORARIO</div></a>
		
		<div id='informacion3' class="PLanDeEstudiosInformacion" >
		
			<p>Esto se tiene que ocultar </p>
			
		</div>
		
		
						<a style='cursor: pointer;' onclick="ocultarMostrarDiv('informacion3')"><div class="LinkPlanes" >PLANES-DE-ESTUDIO</div></a>
		
		<div id='informacion3' class="PLanDeEstudiosInformacion" >
		
			<p>Esto se tiene que ocultar </p>
			
		</div>
		
		
						<a style='cursor: pointer;' onclick="ocultarMostrarDiv('informacion3')"><div class="LinkPlanes" >PLAN-DE-ESTUDIOS-PRECIO</div></a>
		
		<div id='informacion3' class="PLanDeEstudiosInformacion" >
		
			<p>Esto se tiene que ocultar </p>
			
		</div>

	</div>



</body>
</html>